/*--------------------project list CSS--------------------*/
/**left project list**/
.project-list-box{
	float:left;
	position:relative;
	width:67%;
	height:auto;
	border:2px solid #8b8b8b;
	min-height:800px;
}
/**item choose**/
.item-choose{
	width:94%;
	height:40px;
	margin:10px auto;
}
.status-choose{
	float:left;
	height:20px;
	margin-top:10px;
}
.status-choose p{
	float:left;
	margin-right:5px;
	line-height:20px;
	text-transform:capitalize
}
.status-choose p.radio_list{
	position:relative;
	height:20px;
	margin-left:15px;
}
.status-choose p.radio_list.on{
	background:url(../img/pages-icon.png) 1px -207px no-repeat;
}
.status-choose p.radio_list:before {
    content:"";
    height:15px;
    width:15px;
    border:1px solid #8b8b8b;
    display:block;
    border-radius:3px;
    float:left;
	margin: 2px 5px 0 0;
}
.status-choose p input{
	position:absolute;
    z-index:1;
	width:100%;
	height:20px;
	left:0;
	top:0;
	cursor:pointer;
	opacity:0;
}
.status-choose p label{
	position:relative;
	font-size:14px;
	cursor:pointer;
}
/**.status-choose p label:before{
	content:"";
	position:absolute;
	width:17px;
    height:17px;
    left:0;
    margin-left:-20px;
    border:1px solid #cccccc;
}**/
.select-choose{
	float:right;
	line-height:40px;
}
.select-choose select{
	margin-left:10px;
}
/**item**/
.project-list{
	width:94%;
	height:auto;
	margin:0 auto;
}
.project-item{
	float:left;
	width:48%;
	height:auto;
	text-transform:capitalize;
	margin-bottom:20px;
	box-sizing:border-box;
	border:1px solid #8b8b8b;
}
.project-item:nth-child(even){
	margin-left:4%;
}
.project-item h3{
	position:relative;
	width:100%;
	height:60px;
	font-size:16px;
	padding-top:15px;
	margin:0;
	line-height:20px;
	text-align:center;
}
.project-item h3 a{
	
}
.project-item .project-item-box{
	width:80%;
	height:100px;
	margin:15px auto;
}
.project-item .project-item-box .item-status{
	float:left;
	padding:5px 7px;
	border:2px solid #323232;
	box-sizing:border-box;
}
.project-item .project-item-box .item-status p{
	width:20px;
    height:24px;
    border-radius:16px;
    border:1px solid #bbb;
    box-sizing:border-box;
}
.item-status p.item-status-pending.red{
	background:#f00;
}
.item-status p.item-status-approved.yellow{
	background:#ffd200;
}
.item-status p.item-status-completed.green{
	background:#30c716;
}
.project-item .project-item-box .project-item-msg{
	display:table;
	height:90px;
	margin-left:50px;
}
.project-item .project-item-box .project-item-msg ul.project-item-msgDisply{
	display:table-cell;
	/* vertical-align:middle; */
}
.project-item .project-item-box .project-item-msg ul li{
	position:relative;
	margin-bottom:8px;
	font-size:14px;
}
.project-item .project-item-box .project-item-msg ul li a{
	display:inline-block;
	margin-left:3px;
	font-size:14px;
}
.project-item .project-item-box .project-item-msg ul li span{
	margin-left:3px;
	font-size:14px;
}
.project-item .project-item-box .project-item-msg ul li .index-msg-box p,.project-item .project-item-box .project-item-msg ul li .index-msg-box p span{
	font-size:12px;
}
.project-item .project-item-box .project-item-msg ul li .project-mgr .project-mgr-email{
    display:inline-block;
	width:20px;
    height:14px;
	vertical-align:middle;
    background:url(../img/pages-icon.png) 0 0 no-repeat;
}
.project-item .project-item-box .project-item-msg ul li .project-mgr .project-mgr-email:hover{
	background-position:0 -17px;
}
.project-item h3 .index-msg-box{
	right:-40px;
	top:45px;
	text-align:left;
}
.project-item .client-name .index-msg-box{
	left:40px;
	top:25px;
}
.project-item .project-item-tools{
	width:95%;
	height:30px;
	margin:5px auto 15px auto;
}
.project-item .project-item-tools .meetM-btn{
	float:right;
	width:60px;
	font-size:14px;
}
/**right meeting minutes**/
.meeting-minutes{
	float:right;
	position:relative;
	width:30%;
	max-height:800px;
	/*overflow-y:scroll;
	border:2px solid #8b8b8b;*/
	height:800px;
	margin-top:40px;
}
.meeting-minutes ul.meetingM-tab{
	position:absolute;
	width:100%;
	height:40px;
	/*border:1px solid #8b8b8b;*/
	background:#ebebeb;
	box-sizing:border-box;
	top:-40px;
	border-radius:3px 3px 0 0;
    overflow:hidden;
}
.meeting-minutes ul.meetingM-tab li{
	float:left;
	width:100%;
	padding-left:20px;
	line-height:40px;
	text-transform:capitalize;
	background:#aaa;
}
.meeting-minutes ul.meetingM-tab li a{
	color:#fff;
}
.meeting-minutes section{
	width:100%;
	height:600px;
	border: 1px solid #8b8b8b;
    box-sizing: border-box;
	overflow-y: scroll;
}
.meeting-minutes section p.reminder{
	margin:30px;
	text-align:center;
	font-size:16px;
	color:#cc1414;
}
.meeting-minutes section h3{
	width:90%;
	margin:15px auto;
	color:#999;
    font-size:14px;
	line-height:24px;
	text-transform:capitalize;
	/*border-bottom:2px solid #8b8b8b;
	background:#ebebeb;*/
}
.meeting-minutes section .meetingM-item{
	width:90%;
	margin:15px auto;
	padding:10px 20px;
	border:1px solid #eee;
	box-sizing:border-box;
	background:#fcfcfc;
	border-radius:3px;
	box-shadow:0 0 1px 0px rgba(0,0,0,0.1);
}
.meeting-minutes section .meetingM-item ul{
	width:100%;
	text-transform:capitalize;
}
.meeting-minutes section .meetingM-item ul li{
	width:100%;
	margin-top:5px;
	font-size:14px;
}
.meeting-minutes section .meetingM-item ul li:last-child{
	text-align:right;
}
.meeting-minutes section .meetingM-item ul li span{
	margin-left:5px;
	color: #f08b23;
}
.meetingM-item-comment{
	margin-top:10px;
	font-size:14px;
}
.meetingM-item-comment p{
	margin-top:5px;
}
.meetingM-item-comment p span{
	margin-right:5px;
 }
.meetingM-item-comment p span.comment_ele{
	color:#f08b23;
}
 /*------------------ New Project Box ----------------*/
 li .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]){
	width:60%;
 }
 li .bootstrap-select button{
	border-radius:0;
	box-shadow: none;
 }
 li .bootstrap-select-searchbox{
	display:none;
 }
 .newProject-box{
	position:relative;
	width:100%;;
	height:800px;
	margin:0 auto; 
 }
.newProject-box .newProject-msg{
	float:left;
	position:relative;
	width:65%;;
	height:800px;
	border:2px solid #8b8b8b;
	/* background:#ebebeb; */
 }
.newProject-box .newProject-msg ul{
	width:94%;
	margin:0 auto;
	padding-top:20px;
}
.newProject-box .newProject-msg ul li{
	width:100%;
	margin-top:8px;
}
.newProject-box .newProject-msg ul li.newProject-StartDate{
	margin-top:50px;
}
.newProject-box .newProject-msg ul li.newProject-submit{
	margin-top:30px;
	text-align:center;
}
.newProject-box .newProject-msg label{
	float:left;
	width:200px;
	font-size:14px;
	line-height:30px;
    text-align:center;
}
.newProject-box .newProject-msg p{
	margin-left:200px;
}
.newProject-box .newProject-msg input[type="text"],.newProject-box .newProject-msg textarea{
	width:90%;
	font-size:14px;
}
.newProject-box .newProject-msg input[type="text"]{
	height:30px;
}
.newProject-box .newProject-msg .newProject-StartDate input.form-control{
	width:100%;
}
.newProject-box .newProject-msg input.commoninput{
	width:60%;
}
.newProject-box .newProject-msg textarea{
	height:80px;
}
.newProject-box .newProject-msg select{
	width:60%;
	height:30px;
	border: 1px solid #ccc;
}
.newProject-box .newProject-msg input[type="button"]{
	padding:8px 20px;
	border:none;
	color: #f08b23;
    font-size: 14px;
    box-shadow: 0 0 1px 0px rgba(0,0,0,0.4);
	border-radius:3px;
	/* background:#8b8b8b; */
	cursor:pointer;
}
.newProject-box .newProject-msg input[type="button"]:hover{
	box-shadow: 0 0 3px 0px rgba(0,0,0,0.4);
}
.newProject-box .newProject-help{
	float:right;
	position:relative;
	width:30%;;
	height:800px;
	border:2px solid #8b8b8b;
	/* background:#ebebeb; */
 }
.newProject-box .newProject-help p.help-mark{
	padding:20px;
	font-size:28px;
}
.newProject-box .newProject-help section{
	padding:10px 20px;
}
.newProject-box .newProject-help section p{
	margin-bottom:20px;
	font-size:14px;
	word-wrap:break-word;
	text-align:justify;
}
/*--------------------My PMO CSS--------------------*/
.pmo-list-box{
	position:relative;
	width:100%;
	height:auto;
	padding-bottom:10px;
	border-bottom:1px solid #8b8b8b;
}
.pmo-list{
	position:relative;
	width:1000%;
}
.pmo-list .pmo-item{
	position:relative;
	float:left;
	width:2.2%;
	height:auto;
	margin-left:0.241%;
	border:2px solid #8b8b8b;
	box-sizing:border-box;
	background:#fff;
}
.pmo-item a.pmo-del{
	display:block;
	position:absolute;
	top:18px;
	right:10px;
	width:20px;
    height:2px;
    background:#8b8b8b;
}
.pmo-item a.pmo-del:before,.pmo-item a.pmo-del:after{
	content:"";
	display:block;
    position:absolute;
	width:20px;
	height:2px;
	background:#8b8b8b;
}
.pmo-item a.pmo-del:before{
	top:-6px;
}
.pmo-item a.pmo-del:after{
	bottom:-6px;
}
.pmo-item a.pmo-del:hover,.pmo-item a.pmo-del:hover:after,.pmo-item a.pmo-del:hover:before{
	background:#72ace3;
}
.pmo-item h3{
	width:100%;
	padding:10px 0;
	text-align:center;
	font-size:14px;
	border-bottom:2px solid #8b8b8b;
	background:#ebebeb;
}
.pmo-item p{
	margin:15px 8px 0 8px;
	font-size:14px;
	text-align:center;
}
.pmo-item p span{
	font-size:14px;
}
.pmo-item p.pmo-usermsg-group span{
	display:block;
	width:100%;
}
.pmo-item p.pmo-user span{
	display:inline-block;
	vertical-align:middle;
}
.pmo-item p.pmo-user span.pmo-userImg{
	height:60px;
	width:60px;
	border-radius:50%;
	overflow:hidden;
	background:#333;
}
.pmo-item p.pmo-user span.pmo-userImg img{
	width:100%;
}
.pmo-item p.pmo-user span input{
	width:15px;
	height:15px;
	border:2px solid #8b8b8b;
	background-color:#fff;
	vertical-align:middle;
}
.pmo-item p.pmo-user span label{
	
}
.pmo-item p.pmo-usermsg-group span.pmo-useExp{
	height:48px;
	overflow:hidden;
}
.pmo-item a.pmo-currentPro-btn{
	display:inline-block;
    padding:0 0 10px 10px;
	font-size:14px;
	text-decoration:underline;
}
.pmo-currentPro{
	width:100%;
	height:auto;
	margin-top:20px;
}
.pmo-currentPro a.pmo-completedPro-btn{
	display:inline-block;
    padding:5px 10px;
	margin-top:10px;
	font-size:14px;
	color:#060606;
	border:1px solid #8b8b8b;
    border-radius:3px;
}
.pmo-currentPro a.pmo-completedPro-btn:hover{
	background:#ebebeb;
}
.pmo-completedPro{
	width:100%;
	height:auto;
	margin:40px 0 20px 0;
}
/*--new PMO--*/
.newObject-mask .pmo-item{
	position:relative;
	width:280px;
	height:auto;
	margin:30px auto;
	border:2px solid #8b8b8b;
	box-sizing:border-box;
	background:#fff;
}
.newObject-mask .pmo-item a.pmo-close{
	display:block;
	position:absolute;
	top:5px;
	right:10px;
	color:#8b8b8b;
	font-size:24px;
}
.newObject-mask .pmo-item a.pmo-close:hover{
	color:#72ace3;
	text-decoration:none;
}
.newObject-mask .pmo-item h3{
	padding-left:8px;
    text-align:left;
    box-sizing:border-box;
}
.newObject-mask .pmo-item h3 input{
	width:50%;
	height:20px;
}
.newObject-mask .pmo-item p.pmo-user{
	width:100%;
}
.newObject-mask .pmo-item ul{
	width:94%;
	margin:0 auto;
	padding-top:20px;
}
.newObject-mask .pmo-item ul li{
	width:100%;
	margin-top:8px;
}
.newObject-mask .pmo-item ul li.newPMO-submit{
	margin-bottom:30px;
	text-align:center;
}
.newObject-mask .pmo-item ul li label{
	float:left;
	width:100px;
	font-size:14px;
	line-height:20px;
}
.newObject-mask .pmo-item ul li.newPMO-pmoExp label{
	float:none;
}
.newObject-mask .pmo-item ul li p{
	margin:0 0 0 100px;
}
.newObject-mask .pmo-item ul li.newPMO-pmoExp p{
	margin:0;
}
.newObject-mask .pmo-item input[type="text"],.newObject-mask .pmo-item textarea{
	
}
.newObject-mask .pmo-item ul li input[type="text"]{
	height:20px;
	width:98%;
	padding:5px;
}
.newObject-mask .pmo-item ul li textarea{
	height:40px;
	width:98%;
	padding:5px;
}
.newObject-mask .pmo-item ul li input[type="submit"]{
	padding:8px 20px;
	color:#fff;
	border:none;
	background:#8b8b8b;
	cursor:pointer;
}
/*--------------------My Document CSS--------------------*/
.doc-level{
	width:100%;
	height:auto;
	margin-bottom:30px;
}
.doc-level p{
	width:100%;
    height:auto;
    padding:5px 15px;
    color:#999;
    font-size:14px;
    box-sizing:border-box;
    line-height:24px;
    border-bottom:1px solid #8b8b8b;
}
.doc-level ul{
	width:90%;
	margin:0 auto;
	overflow:hidden;
}
.doc-level ul li{
	float:left;
	margin:0 20px;
	padding:30px 0;
}
.doc-level ul li a{
	display:block;
	width:80px;
	padding:10px 0;
	color:#333;
	font-size:14px;
	text-align:center;
}
.doc-level ul li a:hover{
	color:#f08b23;
	box-shadow:0 0 5px 2px rgba(0,0,0,0.1);
}
.doc-level ul li a span{
	display:block;
}
.doc-level ul li a span.doc-fileIcon{
	width:32px;
	height:30px;
	margin:0 auto 15px auto;
	background:url(../img/pages-icon.png) 0 -40px no-repeat;
}
.doc-level ul li a span.doc-paperIcon{
	width:32px;
	height:45px;
	margin:0 auto 15px auto;
	background:url(../img/pages-icon.png) 0 -87px no-repeat;
}
.level-first{
	margin-top:30px;
}
.level-second{
	
}
.level-third{
	
}
